<template>
  <div>
    <el-bread />

    <el-button plain type="primary" @click="showDialog">增加</el-button>

    <v-list></v-list>

    <v-dialog :isshow="isshow" @showDialog="showDialog" @cancelDialog="cancelDialog"></v-dialog>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import elBread from "../../components/elBread.vue";
import { useStore } from "vuex";
import vList from './list.vue';
import vDialog from './dialog.vue';

let store = useStore();
let isshow = ref(false);

function showDialog() {
  isshow.value = true;
}

function cancelDialog() {
  isshow.value = false;
}
</script>

<style scoped>
.el-button {
  margin: 20px 0 5px 0;
}
</style>